
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>饼状图</title>
     <!-- 引入facicon.ico网页图标 -->
	<link rel="shortcut icon" href="../../favicon.ico"  type="image/x-icon"/>
	<link rel="stylesheet" href="../../layui/css/layui.css">

</head>
<body>

   <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
   <div id="main" style="width: 800px;height:400px;"></div>


<!-- 引入 layui.js 的 <script> 标签最好放置在 html 末尾 -->
<script src="../../layui/layui.all.js"></script>
<script src="../../layui/layui.js"></script>
<!-- 引入 ECharts 文件 -->
<script src="../../js/echarts.min.js"></script>
<script src="../../layui/jquery-1.8.3.min.js"></script>
<script src="../../js/core.util.js"></script>
<script>
    
  CoreUtil.sendPost("http://localhost:8081/echarts/pieVO",null,function(res){
    console.log(res.data);
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
     // 指定图表的配置项和数据
  option = {
    title: {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        left: 'center'
    },
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'left',
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '50%',
            data: res.data,
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);



  });
  
</script>
</body>
</html>
